// 引入入口函数
$(function () {
    /* =======方法的调用====== */
    init();
    /* =======方法的定义====== */

    /* 函数初始化 */
    function init() {
        getCategory();
    }

    /* 获取商品分类标题 */
    function getCategory() {
        $.ajax({
            type: "get", // 使用get请求方式
            url: "http://193.112.55.79:9090/api/getcategorytitle", //  请求的api地址
            dataType: "json", //  服务端响应回来的数据
            success: function (res) {
                //  console.log(res);
                // template("模板的id名字"，要渲染模板的数据（对象的形式）);
                var html = template("comPare", res);
                // 把生成的html字符串追加到accordion当中
                $("#accordion").html(html);             
            }          
        });
        
    }

    /* 获取商品分类列表 */
    // 利用事件委托方式，给父元素accordion注册点击事件
    $('#accordion').on('click', 'a', function () {
            var thIsa = $(this);
            var id = thIsa.data("titleid");
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getcategory",
            data: {
                titleid:id
            },
            dataType: "json",
            success: function (response) {
                // console.log(response);
                // console.log(thIsa);
                // console.log(id);
                // template("模板的id名字"，要渲染模板的数据（对象的形式）);
                var html = template("compareList", response);
                // 把生成的html字符串追加到accordion当中
                var bb = thIsa.parent().parent();  //  获取到panel-heading这个元素，a标签的父元素的父元素
                bb.next().find(".row").html(html); //  panel-heading这个的同胞元素panel-collapse的后代元素.row添加html数据
            }
        });
    
    });
})